<template>
  <div>
    <el-card class="box-card">
      <Publicselector></Publicselector>
      <!-- 三级分类 -->
    </el-card>
    <el-card>
      <el-button type="primary" :icon="Plus">添加属性</el-button>
      <el-table style="width: 100%">
        <el-table-column
          prop="date"
          label="序号"
          width="80"
          type="index"
          align="center "
        />
        <el-table-column
          prop="date"
          label="属性名称"
          width="120"
          align="center "
        />
        <el-table-column prop="date" label="属性值名称" align="center " />
        <el-table-column
          fixed="right"
          prop="date"
          label="操作"
          width="120"
          align="center "
        >
          <template #default>
            <el-button type="primary" link size="small" :icon="Edit" />
            <el-button type="danger" link size="small" :icon="Delete" />
          </template>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script setup lang="ts">
import { Plus, Edit, Delete } from "@element-plus/icons-vue"
</script>

<style scoped>
.box-card {
  margin-bottom: 10px;
}
</style>
